<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <script type="text/javascript" src="resources/script.js"></script>
    <link rel="stylesheet" type="text/css" href="resources/fitweb.css"/>
    <link rel="stylesheet" type="text/css" href="resources/style.css"/>
</head>
<body onclick="nextPage();">
<div class="centered page">
    <div class="heading rounded">
        <h1>A FitWeb Test Deconstructed</h1>
        <h2>Part One</h2>
    </div>
    <div class="content rounded" style="position: relative;">
        <ul>
            <li>Define business-readable nouns (shield them from xpath):
                <table class="setup">
                    <tr>
                        <td class="pass">define element</td>
                        <td class="name">Pet's Name</td>
                        <td class="pass">as</td>
                        <td>//li/input[@name='pet']</td>
                    </tr>
                </table>
            </li>
            <li>Define verbs that match the context:
                <table>
                    <tr>
                        <td class="pass">browse</td>
                        <td class="value">http://pets-online.com/order</td>
                    </tr>
                </table>
            </li>
            <li>A simple language develops for interacting with browsers:
                <table>
                    <tr>
                        <td class="pass">assert</td>
                        <td class="name">Title</td>
                        <td class="pass">contains</td>
                        <td class="value">Pets Online - Delivered Daily</td>
                    </tr>
                </table>
            </li>
        </ul>
    </div>
</div>

<input type="hidden" id="nextpage" name="nextpage" value="4.4_fitweb_example_3"/>
</body>
</html>